<div class="voucher-batch-item">
    <div class="grid-header">
        <div class="grid-title" *ngFor="let column of columns">{{column.title}}</div>
    </div>
    <div class="grid-container">
        <div class="grid-item" *ngFor="let row of rows">
            <div class="grid-itemInfo">{{row.account}}</div>
            <div class="grid-itemInfo">{{row.voucherSn}}</div>
            <div class="grid-itemInfo">
                <span *ngIf="row.status == 0">待发券</span>
                <span *ngIf="row.status == 1">成功</span>
                <span *ngIf="row.status == 2">失败</span>
            </div>
            <div class="grid-itemInfo">{{row.description}}</div>
        </div>
    </div>
    <pagination *ngIf="rows"
        class="pagination-sm"
        [(ngModel)]="page"
        [totalItems]="totalItems"
        [itemsPerPage]="itemsPerPage"
        [maxSize]="maxSize"
        [boundaryLinks]="true"
        [rotate]="false"
        [firstText]="localText.firstBtn"
        [lastText]="localText.lastBtn"
        [previousText]="localText.previousBtn"
        [nextText]="localText.nextBtn"
        (pageChanged)="onChangeTable($event)"
        (numPages)="numPages = $event">
</pagination>
<pre *ngIf="rows" class="card card-block card-header">页数: {{page}} / {{numPages}}</pre>
</div>